<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>vue的模板语法</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <!-- 准备一个容器 -->
    <div id="root">
        <h2>插值语法</h2>
        <h4>你好,{{msg}}</h4>
        <h4>你好,{{msg.toUpperCase()}}</h4>
        <hr>
        <h2>指令语法</h2>
        <a v-bind:href="url" target="_blank">点我去学习</a>
    </div>
    <script>
        new Vue({
            el: '#root',
            data: {
                msg: 'yinheriyu',
                url: 'https://www.cctalk.com/m/group/336666'
            }
        })
    </script>
</body>
</html>